<template>
  <div>
    <!--别名：n-link，NLink，NuxtLink-->
    <nuxt-link to="/">首页</nuxt-link>
    <NLink to="/admin">管理</NLink>
    <n-link to="/cart">购物车</n-link>
    <n-link to="/foo">自定义路由1</n-link>
    <n-link to="/custom">自定义路由2</n-link>

    <!-- 禁用预加载：可以在网页查看network分析预加载和非预加载的区别 -->
    <n-link to="/no-prefetch" no-prefetch>非预加载</n-link>
    <!-- 页面内容占位符 -->
    <Nuxt />
  </div>
</template>

<style>
html {
  font-size: 16px;
}
</style>
